﻿@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,ul,ol,li,dl, dt, dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,th,td,img,select,input,textarea{margin:0;padding:0;} 
ol,ul,li{list-style:none; } 
fieldset,img{border:0;}
img{display:block;}
label,button{cursor:pointer;}
select,input,textarea,button{outline:none;font-family: Arial, sans-serif;resize:none;overflow:hidden;} 
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}  
body{background:#fff;color:#333;font-size:12px; font-family: Arial, sans-serif;} 
a{text-decoration:none;color:#333;} 
em,i{font-style:normal;}


/*syn css*/
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;
}
.fl { float: left; }
.fr { float: right }
.dib { display: inline-block; }
.bfc { overflow: hidden; *display:inline;
*zoom:1;
}
.uppercase{text-transform:uppercase;}
.wrapper{width:1100px;margin:0 auto;}
.header,.content,.footer,.sub_content,.banner,.sub_banner{min-width:1100px;}

.social a,.contact-list li a,#nav .nLi>a,.sub_nav>li>a,.sub_nav02 li a,.flex-viewport .slides li a,.flex-viewport .slides li a .slid-bottom,.in-service li,.in-service li.in-ser03,.in-service li.in-ser04,.f-fl01 .list01 li,.f-fl01 .list01 li a,.in-position li,.in-position li.in-li03,.in-position li.in-li04,.ab-wrap .pic3 .pict img,.case-list li,.con-submit input,.f-fl03 p input.submit,.pro-list li,.sub-pronav ul li a,.sub-inquery>a,.sub-prolist li a,.sub-prolist li .slid-bottom,.sub-solution ul li dt,.sub-solution ul li dd,.e-list li,.e-list li .date,.ser-list li,#spec-right i,#spec-left i,#spec-right,#spec-left,.proDetail-btn a,.pro-inq p:last-child  input,.ser-list li .yuan01,.sub-pronav ul li .s-ul-li li,.sub-pronav ul li{
	 transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;
}

/*main*/
.head{ padding:19px 0;}
.h_logo{ width:146px;}
.h_rig01{ border-bottom:1px solid #dcdbdb; height:64px;}
.h_rig01 .toptit{ font-size:36px;font-size:34px\9; line-height:64px; font-weight:bold; width:695px; border-right:1px solid #dcdbdb; cursor:default;}


.language{width:73px;position:relative; margin-top:15px; margin-right:5px;}
.language .lan_tit{text-align:center;cursor:pointer; border:1px solid #898989; width:73px; height:30px; line-height:30px;}
.language .lan_tit:after{ content:"";display:inline-block; margin:0 0 2px 5px;width: 0; height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #959595;}
.language .lan_select{position:absolute;left:0;z-index:9;background:rgba(149,149,149,.9); width:73px; padding:12px 0;top:31px; display:none; border:1px solid #898989;}
.language .lan_select dd a{display:block;text-align: center;line-height:28px;color:#fff;}
.language .lan_select dd:hover a{text-decoration:underline;}

.social{ margin:0 5px;}
.social a{display:block;float:left;width:32px; height:32px;background:  url(../images/icons.png) no-repeat; margin:15px 5px;}
.social .s01{background: url(../images/baidu_top_icon.png) no-repeat center center / cover;}
.social .s02{background: url(../images/weibo_top_icon.png) no-repeat center center / cover;}
.social .s03{background: url(../images/weixin_top_icon.png) no-repeat center center / cover;}
.social .s04{background: url(../images/youku_top_icon.png) no-repeat center center / cover;}
.social a:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}


.h_rig02{ height:50px;}
.contact-list{ width:690px; height:50px; border-right:1px solid #dcdbdb;padding-left:5px;}
.contact-list li{ float:left; color:#767575; font-size:14px; line-height:50px; margin-right:15px;}
.contact-list li:before{ content:""; display:inline-block; width:20px; height:20px; background:url(../images/icons.png) no-repeat; margin-right:10px;margin-bottom:-3px;}
.contact-list .li-tel:before{ background-position:-20px -74px;}
.contact-list .li-fax:before{ background:url(../images/skype_icon.png) no-repeat center center;}
.contact-list .li-email:before{ background-position:-20px -153px;}
.contact-list li span{ font-weight:bold;}
.contact-list li a{ color:#767575;}
.contact-list li a:hover{ text-decoration:underline;}


.search{ padding:10px;}
.search form{ border:1px solid #898989; height:30px; width:230px; line-height:30px;}
.search form input{ float:left;border:none; outline:none; margin-top:6px;}
.search form .input-text{ height:16px; width:150px; font-size:14px; padding:0 10px;}
.search form .input-submit{ background:url(../images/icons.png) no-repeat -7px -196px; width:50px; height:18px;  border-left:1px solid #a0a0a0; cursor:pointer;}


.nav{ background:#5ebcb9;}
#nav{height:58px;}
#nav .nLi{float:left;position:relative;}
#nav .nLi>a{display:inline-block;padding:0 30px;font-size:16px;line-height:58px;color:#fff;}
#nav .nLi.first>a{padding-left:40px;}
#nav .nLi a{_display:inline-block;_padding:0 16px;_font-size:16px;_line-height:50px;_color:#fff;}
#nav .nLi:hover>a,#nav .nLi>.current,#nav li.on>a{color:#fff; background:#44a498;}
.sub_nav{position:absolute; z-index:9999;top:58px;display:none;width:320px;background:#26746f; padding:10px 0;}
.sub_nav>li>a{display:block;font-size:14px;line-height:24px; padding:10px 25px 10px 25px; text-transform:capitalize;position:relative;_position:static; color:#fff;}
.sub_nav>li:hover>a{ background:#5ebcb9; color:#333;}
.sub_nav02,.sub_nav03{position:absolute; z-index:9;top:0;left:320px;background:#26746f;width:355px;display:none; border-left:solid 1px #455f70;}
.sub_nav .nLi02,.sub_nav03 .nLi03{ position:relative}
.sub_nav02 li a,.sub_nav03 li a{display:block;font-size:14px;line-height:24px;padding:10px 10px 10px 20px;position:relative;_position:static;text-transform:none;color:#fff;}
.sub_nav02 li:hover>a,.sub_nav03 li:hover a{ background:#5ebcb9; color:#333;}



.banner{width: 100%;display: block;overflow: hidden;}
.banner img{width: 100%;display: block;}


.c-box01,.c-box03,.c-box05{ margin-top:70px;}
.c-box01 .title,.c-box03 .title,.c-box04 .title,.c-box05 .title{ text-align:center; margin-bottom:30px;}
.c-box01 .title a,.c-box03 .title a,.c-box04 .title a,.c-box05 .title a{ display:block; font-size:36px; text-transform:uppercase; font-weight:bold;}
.c-box01 .title span,.c-box03 .title span,.c-box04 .title span,.c-box05 .title span{ display:block; line-height:18px; padding-top:35px; background:url(../images/fonts.jpg) no-repeat top center;}
.index-list{ background:url(../images/c-boxbanner01.png) no-repeat top center;}
.in-home{ position:relative; height:1010px;}
.in-wrap{ text-align:center; width:360px; margin:0 auto; padding-top:310px;}
.in-wrap h3{ font-size:24px; line-height:48px; margin-bottom:30px; text-transform:uppercase;color: #fff;}
.in-wrap .text{ font-size:14px; line-height:24px;color: #fff;}
.in-position li{ position:absolute; width:290px;}
.in-position li:hover{ margin-left:-15px;}
.in-position li:before{ content:""; display:inline-block; width:35px; height:52px; background:url(../images/icons.png) no-repeat -14px -240px; position: absolute; left:-55px;}
.in-position li .text{ line-height:24px;padding-right:20px;}
.in-position li .muntit{ margin-bottom:15px;; font-size:18px; line-height:24px; font-style:italic; }
.in-position li .muntit span{ display:block; width:290px; font-size:48px; line-height:48px; border-bottom:1px dashed #808080; margin-bottom:10px; font-style:normal; font-weight:bold;}
.in-position li.in-li01{ top:320px; left:40px;}
.in-position li.in-li01 .muntit{ color:#6eb62e;}
.in-position li.in-li02{ top:620px; left:40px;}
.in-position li.in-li02 .muntit{ color:#d88a37;}
.in-position li.in-li03{ top:360px; right:40px;}
.in-position li.in-li03 .muntit{ color:#f7644c;}
.in-position li.in-li04{ top:530px; right:40px;}
.in-position li.in-li04 .muntit{ color:#cebb1b; }
.in-position li.in-li03,.in-position li.in-li04{ text-align:right;}
.in-position li.in-li03 .text,.in-position li.in-li04 .text{ padding:0 0 0 10px;}
.in-position li.in-li03:before,.in-position li.in-li04:before{ left:300px;}
.in-position li.in-li03:hover,.in-position li.in-li04:hover{ margin-right:-15px;}
	

.c-box02{ height:280px; background: url(../images/faq-bg.jpg) no-repeat top center;}
.in-faq{position:relative;overflow:hidden; height:150px; top:80px;}
.in-faq .bd{position:relative;width:640px;left:50%; margin-left:-220px;}
.in-faq .bd li .title{ font-size:18px; line-height:48px; margin-bottom:10px; text-transform:uppercase;}
.in-faq .bd li .text{ font-size:14px; line-height:24px; }
.in-faq .hd{position:absolute;width: 25px;z-index:2;right:0;bottom:22px;}
.in-faq .num li{display:inline-block;width:13px;height:13px;border-radius:50%;text-indent:-9999px; border:2px solid #6f513e;cursor:pointer;margin: 8px 5px;}
.in-faq .num li.on{ background:url(../images/icons.png) no-repeat -73px -81px;}
.in-faq .bd li a{color: #fff;}

.flexslider{ margin:50px 0 70px;}
.flex-viewport{ padding:20px;}
.flex-viewport .slides li a{ display:block; float:left; width:228px; border:1px solid #e5e5e5; margin-right:50px;}
.flex-viewport .slides li a:nth-of-type(4n){ margin-right:0;}
.flex-viewport .slides li a .img img{width:100%;}
.flex-viewport .slides li a .slid-bottom{ padding:10px; border-top:1px solid #e5e5e5; height:100px;}
.flex-viewport .slides li a .slid-bottom .text{ line-height:24px;}
.flex-viewport .slides li a .slid-bottom .text span{ font-size:14px; display:block; text-align:center; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.flex-viewport .slides li a .slid-bottom em{ display:block; margin:10px auto 0; width:20px; height:20px; background:url(../images/icons.png) no-repeat -70px -118px; }
.flex-control-nav{ margin-top:40px; text-align:center; width:100%;}
.flex-control-nav li{display:inline-block; }
.flex-control-nav li a{ display:inline-block; width:25px; height:25px; margin:0 5px; background:url(../images/icons.png) no-repeat  -100px -160px; font-size:0;}
.flex-control-nav li a.flex-active{ background-position:-62px -160px;}
.flex-viewport .slides li a:hover,.flex-viewport .slides li a.active{    -webkit-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    box-shadow: 0 0 25px rgba(50, 50, 50, .3);   }
.flex-viewport .slides li a:hover:before,.flex-viewport .slides li a.active:before{ content:""; display:inline-block; width:53px; height:48px; background:url(../images/icons.png) no-repeat -190px -10px; position:absolute; z-index:99; top:0;    margin-left: -3px;}
.flex-viewport .slides li a:hover .slid-bottom,.flex-viewport .slides li a.active .slid-bottom{ background:#5ebcb9;} 
.flex-viewport .slides li a:hover .slid-bottom span,.flex-viewport .slides li a.active .slid-bottom span{ color:#fff;}


.c-box04{ background:url(../images/servic-bg.jpg) no-repeat top center; padding-top:70px;}
.c-box04 .title {padding-bottom:10px;}
.c-box04 .title span{ background:url(../images/fonts02.png) no-repeat top center;}
.c-box04 .title,.c-box04 .title a{ color:#fff;}
.in-service{ position:relative; background: url(../images/service-bg02.jpg) no-repeat top center; height:530px; z-index:10;}
.in-service li{ position:absolute; width:340px;}
.in-service li .muntit{ font-size:18px; text-transform:uppercase; font-weight:bold;}
.in-service li .muntit span{ display:block; font-size:48px; color:#44a498;}
.in-service li .text{ font-size:14px; line-height:24px; margin-top:5px;}
.in-service li.in-ser01{ top:85px;}
.in-service li.in-ser02{ top:295px;}
.in-service li.in-ser03{ top:85px; right:0;}
.in-service li.in-ser04{ top:295px;right:0;}
.in-service li.in-ser01,.in-service li.in-ser02{  text-align:right;}
.in-service li:hover{ margin-left:-15px;}
.in-service li.in-ser03:hover,.in-service li.in-ser04:hover{ margin-right:-15px;}


.c-box05 .flexslider{ height:440px;}
.c-box05 .flex-viewport .slides li a{ width:300px;  height:auto; margin-right:75px; border:none;}
.c-box05 .flex-viewport .slides li a:nth-of-type(3n){ margin-right:0;}
.c-box05 .flex-viewport .slides li a:nth-of-type(4n){ margin-right:80px;}
.c-box05 .flex-viewport .slides li a .slid-bottom{ text-align:center; border:none;}
.c-box05 .flex-viewport .slides li a .slid-bottom .title{ font-size:14px; line-height:24px; font-weight:bold; margin:15px 0 20px;}
.c-box05 .flex-viewport .slides li a .slid-bottom span{ display:block; margin:20px 0; text-transform:uppercase; color:#26746f;}
.c-box05 .flex-viewport .slides li a:hover .slid-bottom{ background:none;}
.c-box05 .flex-viewport .slides li a:hover:before{ background:none;}
.c-box05 .flex-viewport .slides li a .slid-bottom .text{ line-height:24px; height:72px; overflow:hidden;}


.f-box01{ padding:100px 0 50px; background: url(../images/foot-bg.jpg) no-repeat top center; color:#c9b8a6;}
.f-box01 a,.f-fl03 p input,.f-fl03 p textarea{ color:#c9b8a6;}
.f-fl01{ width:345px;}
.f-fl01 h3,.f-fl02 h3,.f-fl03 h3{ font-size:36px; text-transform:uppercase; margin-bottom:30px;}
.f-fl01 .list01 li,.f-fl02 .list02 li{ font-size:14px; line-height:30px;}
.f-fl01 .list01 li:hover{ margin-left:10px;}
.f-fl01 .list01 li:hover,.f-fl02 .list02 li a:hover{ text-decoration:underline;}
.f-fl02{ width:420px;}
.f-fl02 .list02{ position:relative;}
.f-fl02 .list02 li{ padding-left:25px;}
.f-fl02 .list02 li:before{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/icons.png) no-repeat; position:absolute; left:0;}
.f-fl02 .list02 li.li01:before{ background-position:-18px -315px;top:5px; }
.f-fl02 .list02 li.li02:before{ background-position:-18px -346px; top:35px}
.f-fl02 .list02 li.li03:before{ background-position:-18px -377px; top:67px;}
.f-fl02 .list02 li.li04:before{ background-position:-18px -407px; top:96px;}
.f-fl02 .list02 li.li05:before{ background-position:-18px -435px; top:126px;}
.f-fl02 .list02 li span{ display:inline-block; margin-right:10px;}
.f-fl03 p{ margin-bottom:10px;}
.f-fl03 p input,.f-fl03 p textarea{ width:300px; height:35px; border:none; outline:none; background-color: rgba(255, 255, 255,.11); padding:0 10px; font-size:14px; line-height:30px;}
.f-fl03 p textarea{ height:70px;}
.f-fl03 p input.submit{ width:140px; height:35px; color:#fff; background:#26746f; text-transform:uppercase; cursor:pointer;}
.f-fl03 p input.submit:hover{ border-radius:17px; background:#c4c2c0 ;}
.f-box02{ background:#1f1b17;}
.f-box02 .text-center{ padding:20px; text-align:center; line-height:1.5; color:#766d64;}


.sub-content{ margin-bottom:30px;}
.sub-title p{ text-align:center;}
.sub-title .title{ font-size:36px; color:#df851c; display: none;}
.sub-title .title em{ display:inline-block; width:75px; height:2px; background:#df851c;  margin: 0 10px 13px;}
.sub-title .position{ margin:20px 0 40px; font-size:14px; color:#626161; text-align: left;}
.sub-title .position a{ color:#626161;}
.sub-title .position a:hover{ text-decoration:underline;}


.ab-wrap p{ margin-bottom:20px;}
.ab-wrap img{width:100%;}
.ab-wrap .text{ font-size:14px; line-height:24px; color:#626161;}
.ab-wrap .pic3{ margin:50px 0 30px;}
.ab-wrap .pic3 .pict{ float: left; width:300px; margin-right:95px; overflow:hidden; border:1px solid #dcdcdc;}
.ab-wrap .pic3 .pict:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.ab-wrap .pic3 .pict:last-child{ margin-right:0;}
.ab-wrap .lx-list{ margin:60px 0 40px; text-align:center;}
.ab-wrap .lx-list li{ position:relative; display:inline-block; width:170px; height:150px; margin:0 50px; background:url(../images/lx.png) no-repeat center;text-align:center; color:#fff; font-size:14px;}
.ab-wrap .lx-list li .lx-font{ width:150px; height:130px; padding:10px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; color:#fff; font-size:14px; }
.ab-wrap .lx-list li:nth-of-type(5),.ab-wrap .lx-list li:nth-of-type(6),.ab-wrap .lx-list li:nth-of-type(7) { margin-top:-70px;}


.case-list{ margin-bottom:30px;}
.case-list li{ width: 300px; margin-right: 75px; margin-bottom:40px; float: left;}
.case-list li:nth-of-type(3n){margin-right:0;}
.case-list li:nth-of-type(3n+1){
    clear: both;
}
.case-list li img{ width:100%;}
.case-list li .slid-bottom{padding: 10px; text-align:center;}
.case-list li a .slid-bottom .title { font-size: 14px;line-height: 24px;font-weight: bold;margin: 15px 0 20px;}
.case-list li a .slid-bottom .text{ line-height:24px;}
.case-list li a .slid-bottom span {display: block;margin: 20px 0;text-transform: uppercase;color: #26746f;}
.case-list li:hover{
	-webkit-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    box-shadow: 0 0 25px rgba(50, 50, 50, .3);}


.con-bg{ background:url(../images/con-bg01.jpg); padding:35px 0 ;}
.con-list{ text-align:center;}

.con-list li{ display:inline-block; width:220px; height:220px; margin:0 48px; overflow:hidden;border-radius:50%; border:3px;}
.con-list li .pic{ padding-top:40px; height:70px;}
.con-list li .pic img{ margin:0 auto;}
.con-list li .text{ width:160px; margin:5px auto 0; text-align:center; font-size:14px; color:#575757; line-height:24px;}
.con-list li .text:last-child{ width:180px; font-size:12px; line-height:18px;}
.con-list li .text span{ display:block;font-size:20px; color:#131313;}
.con-list li .text:last-child span{ margin-bottom:5px;}
/*.con-list li:hover,*/.con-list li.on{ border:3px solid #44a498; }
/*.con-list li:hover .pic,*/.con-list li.on .pic{ padding-top:37px;}
.con-list li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


.con-bot{ background: url(../images/con-bg02.jpg) no-repeat top center; height:423px; }
.con-bot form{ padding:95px 50px 0;}
.con-left{ width:485px; margin-right:15px;}
.con-left input{ width:460px; height:40px; border:none; outline:none; margin-bottom:10px; font-size:14px; padding:0 10px;}
.con-right textarea{ width:470px; height: 120px; padding:10px; font-size:14px; border:none;}
.con-submit{ text-align:center; margin-top:45px;}
.con-submit input{ width:165px; height:46px; background:#26746f; border:none; outline:none; font-size:14px; color:#fff; border-radius:23px; cursor:pointer;}
.con-submit input:hover{ background:#604c31;}


.sub-pro01{background:url(../images/pro-bg.jpg);}
.sub-pro01,.sub-pro02{ padding:100px 0;}
.sub-pro01 .pic,.sub-pro02 .pic{ width:550px;}
.sub-pro01 .title,.sub-pro02 .title{ font-size:24px; color:#26746f;}
.pro-list{ margin-top:20px;}
.pro-list li{ margin-bottom:10px;}
.pro-list li a{ font-size:18px; color:#656464; }
.pro-list li a span{ margin-right:10px; color:#26746f;}
.pro-list li:hover{ margin-left:10px;}

/*----------------------------------------sub-left-----------------------------------------------*/
.sub-left{ position:relative; z-index:9;}
.sub-pronav{ width:260px; border:2px solid #44a498; padding:35px 0;}
.sub-pronav .tit{ font-size:22px; color:#44a498; padding-left:30px; position:relative;}
.sub-pronav .tit:before{ content:""; display:inline-block; 
width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #44a498;
    border-bottom: 5px solid transparent; position:absolute; left:15px; margin-top:6px;}
.sub-pronav ul{ margin-top:15px;}
.sub-pronav ul li{position:relative; padding:15px 15px;}
.sub-pronav ul li:after{ content:">"; font-family:"宋体"; display:inline-block; width:8px; height:15px; position:absolute; top:20px; right:10px;}
.sub-pronav ul li a{ font-size:14px; line-height:22px; display:block;}
.sub-pronav ul li.current a,.sub-pronav ul li:hover a{ }
.sub-pronav ul li.current,.sub-pronav ul li:hover{background:#5ebcb9;}
.sub-pronav ul li .s-ul-li,.sub-pronav ul li .s-ul-li02{ display:none; position:absolute; left:262px; top:-15px; width:260px;  background:#5ebcb9; padding:5px 2px 5px; border-left:2px solid #fff;}
.sub-pronav ul li .s-ul-li li:hover,.sub-pronav ul li .s-ul-li02 li:hover{ background:#fff; }
.sub-pronav ul li .s-ul-li02 li:after{content:""; }


.sub-lcont{ width:260px; margin-top:50px; }
.sub-lcont .title,.sub-slide .title{ width:260px; height:60px; font-size:24px; line-height:60px; background:#5ebcb9; text-align:center; color:#fff; margin-bottom:10px;}
.sub-inquery{ background:#ececec; padding-bottom:25px;}
.sub-inquery img,.slideBox img,.sub-prolist li img{width:100%;}
.sub-inquery .list02{padding:0 10px 0 40px; position:relative;}
.sub-inquery .list02 li{ line-height:24px; margin:20px 0;}
.sub-inquery .list02 li span{ font-weight:bold; margin-right:10px;}
.sub-inquery>a{ display:block; width:135px; height:30px; line-height:30px; text-align:center; color:#fff; margin:0 auto; background:#5ebcb9; text-transform:uppercase;  }
.sub-inquery>a:hover{ border-radius:15px;} 
.sub-inquery .list02 li:before{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/icons.png) no-repeat; position:absolute; left:10px;}
.sub-inquery .list02 li.li01:before{ background-position:-18px -315px;top:0; }
.sub-inquery .list02 li.li02:before{ background-position:-18px -346px; top:45px}
.sub-inquery .list02 li.li03:before{ background-position:-18px -377px; top:92px;}
.sub-inquery .list02 li.li05:before{ background-position:-18px -435px; top:135px;}
.sub-inquery .list02 li a:hover{ text-decoration:underline; }
.sub-slide{ margin-top:45px;}
.slideBox{ position:relative; width:260px; overflow:hidden;}
.slideBox .bd{ border:1px solid #dcdcdc;}
.slideBox .bd .por-con{ padding:20px; background:#ececec; border-top:1px solid #dcdcdc; text-align:center; line-height:24px;}
.slideBox .bd .por-con h3{ font-size:14px; text-transform:uppercase; font-weight:bold;}
.slideBox .bd .por-con p{ height:24px; overflow:hidden ; white-space:nowrap; text-overflow:ellipsis;}
.slideBox .hd{ position:absolute; bottom:100px; width:100%; text-align:center; font-size:0;}
.slideBox .hd ul li{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#694d3c; margin:0 5px;} 
.slideBox .hd ul li.on{ background:#5ebcb9;}


.sub-right{ margin-left:30px;}
.sub-product,.sub-solution,.sub-detail,.sub-event,.sub-servic{ width:800px;}
.sub-product .title{ height:36px; background:#5ebcb9; color:#fff; padding:0 20px; font-size:18px; line-height:36px;}
.sub-prolist { padding-top:30px;}
.sub-prolist li{ float:left;    width: 231px;/*height: 330px;*/border: 1px solid #e5e5e5;margin-right: 50px; margin-bottom:30px; position:relative; }
.sub-prolist a{ display:block;}
.sub-prolist a:hover{-webkit-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 25px rgba(50, 50, 50, .3);
    box-shadow: 0 0 25px rgba(50, 50, 50, .3);}
.sub-prolist li:hover:before{    content: "";display: inline-block; width: 53px; height: 48px; background: url(../images/icons.png) no-repeat -190px -10px; position: absolute; z-index: 99; top: 0; margin-left: -3px;}
.sub-prolist li:hover .slid-bottom{ background:#5ebcb9;}
.sub-prolist li:hover .slid-bottom span{color:#fff;}
.sub-prolist li:nth-of-type(3n){ margin-right:0;}
.sub-prolist li .slid-bottom{    padding: 10px;border-top: 1px solid #e5e5e5; height:100px; overflow:hidden;}
.sub-prolist li .slid-bottom .text{ line-height:24px;}
.sub-prolist li .slid-bottom span{    font-size: 14px; display: block;text-align: center;text-transform: uppercase;font-weight: bold;}
.sub-prolist li a .slid-bottom em { display: block; margin: 10px auto 0; width: 20px; height: 20px; background: url(../images/icons.png) no-repeat -70px -118px;
}
.page{ width:100%; text-align:center; margin-top:20px;}
.page a{ display:inline-block; padding:10px; margin:0 10px; font-size:16px; border:1px solid #bababa; }
.page a.on{ background:#5ebcb9; border:1px solid #44a498; color:#fff;}


.sub-solution ul li{border-bottom: 1px dashed #333; width:800px; margin-bottom:20px}
.sub-solution ul li .pic{ margin-right:15px; margin-top:5px;}
.sub-solution ul li dl dt{ font-size:16px ; line-height:36px; text-transform:uppercase;}
.sub-solution ul li dl dd{ font-size:14px; line-height:24px; color:#626161; margin-bottom:25px;}
.sub-solution ul li:hover{border-bottom: 1px dashed #919191;}
.sub-solution ul li:hover dl dt,.sub-solution ul li:hover dl dd{ color:#919191;}


.sub-detail .title{ font-size:24px; margin-bottom:20px;}
.sub-detail .time{ font-size:14px; line-height:24px; color:#ff6736; margin:10px 0 35px;}
.sub-detail .text{ margin:20px 0 120px; font-size:14px ; line-height:24px; }
.sub-detail .next-text{ border-top:1px solid #7d7d7d;border-bottom:1px solid #7d7d7d;}
.sub-detail .next-text .n-text{margin:15px 0; font-size:14px ; line-height:36px;}
.sub-detail .next-text .n-text a:hover{ text-decoration:underline;}
.sub-detail .next-text .n-text span{ font-size:18px; font-weight:bold;}




.e-list,.ser-list{ margin-right:-30px;}
.e-list li,.ser-list li{ float:left; width:388px; margin-right:27px; margin-bottom:40px; position:relative; border-bottom:2px solid #e1e1e1;}
.e-list li .pic img{ width:100%;}
.e-list li .date{ position:absolute; left:0 ; top:0; width:90px; height:60px; text-align:center; background:rgba(255,255,255,.8); color:#694d3c; padding:5px 0;}
.e-list li .date span{ display:block; font-size:40px; font-weight:bold;}
.e-list li .title{ font-size:14px; color:#131313; text-transform:uppercase; margin:25px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.e-list li .text{ font-size:12px; color:#707070; line-height:20px; height:40px;text-overflow:ellipsis;  overflow:hidden;}
.e-list li .vis{ margin:20px 0;}
.e-list li .vis .v-span01 a{ color:#707070; margin-right:50px;}
.e-list li .vis .v-span01:before{ display:inline-block; content:""; width:20px; height:20px; background:url(../images/icons.png) no-repeat -209px -148px; float:left; margin-right:10px;}
.e-list li .vis .v-span02 a{ color:#939393; text-transform:uppercase;}
.e-list li .vis .v-span02:after{ content:""; display:inline-block; width:25px; height:25px;background:url(../images/icons.png) no-repeat -207px -99px; float:right; margin-top:-6px; margin-right:170px;}
.e-list li:hover{ border-bottom:2px solid #44a498; }
.e-list li:hover .date{ background:#5ebcb9; color:#fff;}
.e-list li:hover .vis .v-span02 a{ color:#44a498;}
.e-list li:hover .vis .v-span02:after{ background-position:-207px -60px;}
.e-list li .vis a:hover{ text-decoration:underline;}


.ser-list li{ border:1px solid #a5a5a4; height:405px; width:386px; margin:90px 27px 70px 0; }
.ser-list li .yuan01{ position:absolute; top:-85px; left:105px; width:130px; height:130px; border-radius:50%; background:rgba(94,188,185,.3); padding:20px;}
.ser-list li .yuan01 .yuan02{ height:130px; width:130px; border-radius:50%; background:rgba(94,188,185,1); line-height:130px; text-align:center; font-size:72px; color:#fbe9d4; font-weight:bold;}
.ser-list li p{ text-align:center; padding:0 30px;}
.ser-list li p.title{margin-top:130px; font-size:24px; color:#44a498; text-transform:uppercase;}
.ser-list li p.text{ font-size:16px; line-height:24px; margin-top:25px;}
.ser-list li:hover{ background:#ecfdfc; }
.ser-list li:hover .yuan01{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}


.sub-protateil{padding-bottom:30px;position:relative;}
.sub-protateil .picc{ width:550px; }
.jqzoom{position:relative;width:430px;}
.jqzoom img{display:block; width:100%;border:solid 1px #ccc;}
#spec-n5{width:84px;margin-right:10px;}
.control{cursor:pointer;width:80px;height:17px;background:#f0f0f0;text-align:center;}
#spec-left{border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;}
#spec-right{border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;}
.control i{display: inline-block;background:url(../images/icons.png) no-repeat; width:12px; height:9px;vertical-align:middle;}
#spec-left i{background-position:-261px 0;}
#spec-right i{background-position:-303px 0;}
#spec-left:hover i{background-position:-261px -20px;}
#spec-right:hover i{background-position:-303px -20px;}
#spec-left:hover,#spec-right:hover{background-color:#44a498;}
#spec-list{margin:9px 0;}
#spec-list ul li{width:82px; height:82px;padding:6px 0;cursor:pointer; }
#spec-list ul li img{width:100%;border:solid 1px #ccc;}
.zoomdiv{z-index:100;position:absolute;display:none;overflow:hidden; background:#133c70;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;width:50px;height:50px;border:1px solid #aaa;background:#fede4f;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.sub-protateil .text{ width:500px; margin-left:30px;}
.sub-protateil .text h1{font-size:30px;color:#4d4d4d;margin:15px 0 40px;}
.sub-protateil .text dl{border-top:dashed 1px #d2d2d2; padding:15px 0;border-bottom:dashed 1px #727272; padding:25px 0 20px; line-height:24px;}
.sub-protateil .text dt{ font-size:16px;}
.pro-describe{color:#5a5a5a;margin-top:15px;}
.sub-protateil .text .help{color:#898989; margin:20px 0;}
.sub-protateil .text .help span{ color:#ce1a15;}
.sub-protateil .text a{color:#fff; font-size:14px;display:inline-block;width:110px;height:30px; line-height:30px;padding-left:50px;margin:0 20px 20px 0;}
.sub-protateil .text .mail{background:url(../images/icons.png) no-repeat right top;}
.sub-protateil .text .chat{background:url(../images/icons.png) no-repeat right -43px;}
.pro_share span{display:block; margin:10px 0; text-transform:uppercase;}
.proDetail-btn a:hover{ border-radius:15px;}


.description{ border-bottom:1px solid #44a498; margin-bottom:20px; height:38px;}
.description span{ padding:0 20px; height:38px; color:#fff; background:#5ebcb9; display:inline-block; text-transform:uppercase;  line-height:38px; font-size:18px; }
.pro-text{ font-size:14px; line-height:24px;}
.sub-product .title span a{ display:inline-block; font-size:14px; font-weight:bold; color:#694d3c; padding:0 10px 0 20px; float:right; border-left:1px solid #694d3c; line-height:24px; margin-top:6px;}
.sub-product .title span a:hover{ text-decoration:underline;}


.inquiry{ background:#44a498 url(../images/inqu.jpg) no-repeat; height:30px; color:#fff; line-height:30px; padding:0 40px; margin-top:30px;}
.pro-inq{ margin-top:5px; border:1px solid #e1e1e1; padding:40px 20px;}
.pro-inq p{ margin-bottom:10px; cursor:inherit;}
.pro-inq p span{ display:inline-block; float:left; width:100px; height:25px; line-height:25px; text-align:right; margin-right:20px;color:#272a2b; }
.pro-inq p span i{ color:#f00;}
.pro-inq p  input,.pro-inq p  textarea{ border:1px solid #e1e1e1; outline:none; width:610px; padding:0 10px; height:25px;}
.pro-inq p  textarea{ height:120px;}
.pro-inq p:last-child  input{ width:150px; height:30px; line-height:30px; background:#44a498 url(../images/icons.png) no-repeat -470px -110px; text-align:center; color:#fff; border:none; outline:none ; padding-left:35px; border-radius:5px; cursor:pointer;}
.pro-inq p:last-child  input:hover{ border-radius:15px;}


.slideBox01{ width:100%; overflow:hidden; position:relative;  }
.slideBox01 .hd{  width:100%; text-align: center; position:absolute; bottom:20px;}
.slideBox01 .hd ul{ overflow:hidden; }
.slideBox01 .hd ul li{ display:inline-block; margin:0 10px;  width:12px; height:12px; font-size:0;  border:2px solid #fff;  -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;border-radius:8px; cursor:pointer;  }
.slideBox01 .hd ul li.on{ background:#e5c35a;border:2px solid #e5c35a;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0; width:1920px; left:50%; margin-left:-960px;  }
.slideBox01 .bd li{ zoom:1; vertical-align:middle; }




.text-center img{display:inline-block;}
#addthis_sharing_toolbox a{    
    font-size: 14px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 30px;
    padding: 0px;
    margin: 0;}
	#addthis_sharing_toolbox span {
		margin:0px;
	}


.solutions dd{
	width: 467px;
	float: left;
	margin-right: 86px;
	margin-bottom: 70px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.solutions dd:nth-child(2n){
	margin-right: 0;
}
.solutions dd a{
	display: block;
}
.solutions dd a .pic{
	overflow: hidden;
}
.solutions dd a img{
	max-width: 100%;
	display: block;transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.solutions dd a:hover img{
	transform: scale(1.02);transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.solutions dd a .tt{
	text-align: center;
	font-size: 24px;
	color: #fff;
	height: 72px;
	line-height: 72px;
	background: #5ebcb9;
	padding: 0 20px;
}
.solutions dd:hover{
	box-shadow: 0px 10px 25px rgba(155,155,155,.4);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.solu_det_title{
	color: #444444;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}
.solu_det_con .tt{
	background: #5ebcb9;
	font-size: 18px;
	color: #fff;
	padding: 10px 0 10px 20px;
	margin-top: 30px;
}
.solu_det_con .text{
	font-size: 14px;
	color: #333333;
	margin: 30px 0;
	padding: 0 20px;
}
.pro_det_b_tabs_clm .pro-table table tr td {
    color: #666;
    font-size: 16px;
    padding: 10px 20px 10px 40px;
    border: 1px solid #ddd;
    /* text-align: center; */
}
#slideBox02{
	width: 100%;
	position: relative;
}
.solu_det .sub-solution ul li{
	border: none;
	margin-bottom: 0;
}
#slideBox02 .hd{
	display: none;
}
#slideBox02 .prev,#slideBox02 .next{
	position: absolute;
	width: 44px;
	height: 44px;
	background: url(../images/arrow_left.png)no-repeat center center;
	background-size: cover;
	left: 20px;
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
}
#slideBox02 .next{
	background: url(../images/arrow_right.png)no-repeat center center;
	background-size: cover;
	left: auto;
	right: 20px;
}
